@charset "utf-8";body{min-width:1200px}
.bottom-box,.footer-box,.main-box{width:100%;min-width:1200px;font-size:12px;overflow:hidden}
body.home{padding-top:0;width: 100%;overflow-x: hidden;}
.home-nav-box{width:100%;min-width:1000px}
.tip-box{width:100%;min-width:1200px;font-size:12px}
.tip-box.home{position:absolute;top:0;text-align:left;height:80px;line-height:80px;z-index:9999;width:100%}
/*.tip-box.home a{width:auto;height:80px;display:block;line-height:80px}*/
.tip-box.home .logo{height:60px;position: absolute; top: 0; left: 0;}
.tip-box.home.active{position:fixed;background:#fff}
/*.tip-box.home.active .logo{transform:scale(.7);top:20px}*/
.tip-box.home .home-nav{float:right;margin:28px 36px 0 0}
.tip-box.home .nav-li{float:left;margin-left:22px;font-size:20px;position:relative}
.tip-box.home .tel{float:right;margin-left:36px;font-size:20px;position:relative;margin-right:50px}
.tip-box.home .tel:before{content:url(../images/tel_gray.png);position:relative;top:3px}
.home-nav .nav-li.active:before{content:'';width:23px;height:1px;position:absolute;left:-15px;top:50%;background-color:#000}
.home-nav .nav-li.active:hover:before{background-color:#ccc}
.home-nav .nav-li .u-a{display:inline-block;margin-left:14px;color:#333}
.home-nav .nav-li .u-a:hover,.home-nav .nav-li.hover .u-a{color:#ccc;text-decoration:none;box-shadow:0 0 10px 10px transparent}
.home-nav .nav-sec-box{display:none;position:absolute;top:100%;left:4px;right:-10px;padding-top:10px}
.home-nav .nav-sec-ul{position:relative;padding:5px;background:#fff;-moz-border-radius:15px;-webkit-border-radius:10px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1)}
.home-nav .nav-sec-ul:before{content:"";position:absolute;top:-4px;left:50%;margin-left:-4px;width:0;height:0;overflow:hidden;border-width:0 4px 4px;border-style:solid;border-color:transparent transparent #fff transparent}
.home-nav .nav-sec-ul li{line-height:30px;font-size:14px;text-align:center}
.home-nav .nav-sec-ul a{display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.home-nav .nav-sec-ul a:hover{color:#fff;background-color:#ccc}
.banner-box.home{position:relative;overflow:hidden;background: url(/theme/br/images/cl/br.jpg);}
.banner-box.home p{position:absolute;z-index:9997;width:100%;height:100%;padding:18% 0 0 0;font-size:118px;font-weight:700;text-align:center;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
video{transform:scale3d(1.5,1.5,1)}
.top-box-water{width:60px;height:60px;border-radius:50%;position:absolute;bottom:59px;left:50%;margin-left:-31px;z-index:1000;background:url(../images/cl/xx.png) center no-repeat}
.top-box-water:after{content:'';position:absolute;top:0;left:0;border-radius:50%;background-color:rgba(0,0,0,.2);animation:water 1.2s infinite;-webkit-animation:water 1.2s infinite;-moz-animation:water 1.2s infinite}
@keyframes water{0%{width:60px;height:60px;opacity:1}
100%{width:80px;height:80px;opacity:0;position:absolute;left:-15%;top:-15%}
}
@-moz-keyframes water{0%{width:60px;height:60px;opacity:1}
100%{width:80px;height:80px;opacity:0;position:absolute;left:-15%;top:-15%}
}
@-webkit-keyframes water{0%{width:60px;height:60px;opacity:1}
100%{width:80px;height:80px;opacity:0;position:absolute;left:-15%;top:-15%}
}

.nav-box{height:170px}
.nav-box ul{font-size:0;text-align:center}
.nav-box ul li{display:inline-block;position:relative;width:133px;height:170px}
.nav-box ul li a{display:block;position:absolute;bottom:0;width:100%;padding-top:126px;font-size:18px;color:#333;text-align:center}
.nav-box ul li a:hover{text-decoration:none}
.nav-box ul li a span{display:block;background-color:#FFF;padding-bottom:20px}
.nav-box ul li a i{display:block;width:100%;height:126px;transition:transform .18s;-webkit-transition:transform .18s;-moz-transition:transform .18s}
.nav-box ul li a i:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}
.bg-spread{background:url(../images/cl/bg-nav.png) -2px 18px}
.bg-message{background:url(../images/cl/bg-nav.png) -137px 18px}
.bg-baiyi{background:url(../images/cl/bg-nav.png) -268px 18px}
.bg-brand{background:url(../images/cl/bg-nav.png) -402px 18px}
.bg-juping{background:url(../images/cl/bg-nav.png) -535px 18px}
.bg-increment{background:url(../images/cl/bg-nav.png) -670px 18px}
.bg-rice{background:url(../images/cl/bg-nav.png) -802px 18px}
.bg-Originality{background:url(../images/cl/bg-nav.png) -935px 18px}
.bg-web{background:url(../images/cl/bg-nav.png) -1067px 18px}
.bg-Originality,.bg-baiyi,.bg-brand,.bg-increment,.bg-juping,.bg-message,.bg-rice,.bg-spread,.bg-web{transition:background-position-y 0s;-moz-transition:background-position-y 0s;-webkit-transition:background-position-y 0s;-o-transition:background-position-y 0s}
.bg-Originality:hover,.bg-baiyi:hover,.bg-brand:hover,.bg-increment:hover,.bg-juping:hover,.bg-message:hover,.bg-rice:hover,.bg-spread:hover,.bg-web:hover{background-position-y:-81px}
.m-ad{background:-webkit-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:-o-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:-moz-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:-ms-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background-color:#0070EC\9;height:480px;text-align:center;overflow:hidden}
.m-ad p{position:absolute;top:142px;line-height:76px;color:#fff;font-size:60px;text-align:left}
.m-ad p span{display:block;margin-top:23px;color:#fff;font-size:26px;font-weight:400;letter-spacing:1px}
.m-ad img{position:absolute;left:600px\9}
.ani-p{animation:scale-animation .4s linear;-webkit-animation:scale-animation .4s linear}
.ani-img{animation:imgflyin-animation .3s linear;-webkit-animation:imgflyin-animation .3s linear}
.m-intro{height:486px}
.m-intro .left-column{width:50%;height:486px;background:url(../images/cl/about_01.jpg) no-repeat right top}
.m-intro .right-column{width:50%;height:486px;background:url(../images/cl/about_02.jpg) no-repeat;position:relative}
.m-intro h2,.m-intro p{width:600px;display:block;position:relative;color:#333;text-align:center}
.m-intro h2{padding:98px 0 50px 0;font-size:34px}
.m-intro p{line-height:1.5em;padding:0 20px;font-size:20px;text-align:left;text-indent:2em;letter-spacing:.1em}
.service-link{display:block;position:absolute;left:450px;height:50px;line-height:50px;width:150px;margin-top:35px;background:-webkit-linear-gradient(70deg,#1648ef,#3280f7,#4ab2fe);background:-o-linear-gradient(70deg,#1648ef,#3280f7,#4ab2fe);background:-moz-linear-gradient(70deg,#1648ef,#3280f7,#4ab2fe);background:-ms-linear-gradient(70deg,#1648ef,#3280f7,#4ab2fe);background:linear-gradient(70deg,#1648ef,#3280f7,#4ab2fe);background-color:#0070EC\9;font-size:18px;text-align:center;color:#fff;border-radius:36px}
.service-link:before{content:'';display:block;width:40%;height:130%;position:absolute;top:0;left:0;-webkit-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);-moz-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);-ms-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);-o-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);transform:translate(-45px) rotateZ(-10deg) translateY(-12px);background:linear-gradient(90deg,transparent,rgba(238,245,255,.3),transparent);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.service-link:hover{color:#fff;background:linear-gradient(70deg,#214def,#3383f7,#4bb5ff);border:none}
.service-link:hover:before{-webkit-transform:translate(154px) rotateZ(-10deg) translateY(-12px);-moz-transform:translate(154px) rotateZ(-10deg) translateY(-12px);-ms-transform:translate(154px) rotateZ(-10deg) translateY(-12px);-o-transform:translate(154px) rotateZ(-10deg) translateY(-12px);transform:translate(154px) rotateZ(-10deg) translateY(-12px)}
.m-partner{padding-bottom:28px}
.m-partner h2{padding:57px 0 25px 0;font-size:46px;font-weight:400;color:#333;text-align:center}
.m-partner span{display:block;margin-bottom:57px;font-size:20px;font-weight:400;text-align:center;letter-spacing:1px;color:#7a7a7a}
.m-partner .wrap{width:1197px;margin:0 auto;text-align:center;overflow:hidden}
.m-partner .slide-box{overflow:hidden}
.m-partner .wrap .partner-list{width:1200px;overflow:hidden}
.partner-list ul{margin-bottom:-3px;margin-right:-3px}
.partner-list li{float:left;width:197px;height:137px;margin:0;padding:0;border-right:3px #eef7fd solid;border-bottom:3px #eef7fd solid}
.partner-list .listBox{float:left;display:inline;width:1200px}
.m-partner .wrap .partner-list li a{position:relative;zoom:1;overflow:hidden;display:block}
.m-partner .wrap .partner-list li a:before{content:'';position:absolute;z-index:-1;width:100px;height:160px;top:-10px;left:0;overflow:hidden;background-image:linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.2) 100%);box-shadow:rgba(255,255,255,.1) 0 0 5px}
.m-partner .wrap .partner-list li a:hover:before{transition:left .5s;left:185px;z-index:99}
.m-partner .wrap .partner-list li a img{vertical-align:top;width:185px;height:125px;margin:6px;transition:transform 1s ease;-moz-transition:transform 1s ease;-webkit-transition:transform 1s ease;-o-transition:transform 1s ease}
.m-partner .wrap .partner-list li:hover a img{position:relative;box-shadow:rgba(60,60,60,1) 0 0 10px;-webkit-filter:sepia(80%);filter:sepia(80%);transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02);-o-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02)}
.m-partner .wrap>a{display:inline-block;width:79px;height:30px;padding:3px 0;margin-top:52px}
.m-partner .wrap>a.slide-prev{background:url(../images/cl/arrows.png) no-repeat -79px center;border-right:1px #CCC solid}
.m-partner .wrap>a.slide-next{background:url(../images/cl/arrows.png) no-repeat -158px center}
.m-partner .wrap>a.slide-prev:hover{background:url(../images/cl/arrows.png) no-repeat 0 center}
.m-partner .wrap>a.slide-next:hover{background:url(../images/cl/arrows.png) no-repeat -237px center}
.nav-substyle{height:79px}
.nav-substyle ul{font-size:0}
.nav-substyle ul li{display:inline-block;position:relative;width:133px;height:79px}
.nav-substyle ul li a{display:block;position:absolute;bottom:0;width:100%;line-height:79px;font-size:18px;color:#333;text-align:center}
.nav-substyle ul li a:hover{color:#0068ff;text-decoration:none}
.m-ad-b,.m-ad-c,.m-ad-d{background:-webkit-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:-o-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:-moz-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:-ms-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background:linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5);background-color:#0070EC\9;height:500px;text-align:center;overflow:hidden}
.m-ad-b-l{width:578px;height:500px;float:left;position:relative;color:#fff;text-align:left}
.m-ad-b-tit{font-size:60px;line-height:60px;font-weight:700;top:136px}
.m-ad-b-tit-e{font-size:36px;line-height:36px;top:210px;color:#fefefe;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.m-ad-b-l-info1{top:270px}
.m-ad-b-l-info2{top:334px}
.m-ad-b-l-info1,.m-ad-b-l-info2{display:block;font-size:18px}
.m-ad-b-l-info2{-webkit-animation-delay:.2s;-ms-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.m-ad-b-r{width:775px;height:500px;float:left;background:url(../images/cl/lxwm/contactus_bg.png) center bottom no-repeat;position:absolute;right:-94px}
.contact-01{margin-top:100px}
.m-ad-b-r:before{content:url(../images/cl/lxwm/staff.png);position:absolute;margin-top:90px;left:84px;top:270px;opacity:.05;filter:Alpha(opacity=50);transform:rotate(180deg) scaleX(-1);-ms-transform:rotate(180deg) scaleX(-1);-moz-transform:rotate(180deg) scaleX(-1);-webkit-transform:rotate(180deg) scaleX(-1);-o-transform:rotate(180deg) scaleX(-1)}
.m-ad-b-r:after{content:url(../images/cl/lxwm/gear.png);position:absolute;top:370px;left:120px;opacity:.05;filter:Alpha(opacity=50);-webkit-animation:contact-rotate-s 3s infinite linear;-moz-animation:contact-rotate-s 3s infinite linear;-o-animation:contact-rotate-s 3s infinite linear;animation:contact-rotate-s 3s infinite linear}
.m-ad-b-r .gear{position:absolute;top:272px;left:120px;-webkit-animation:contact-rotate 3s infinite linear;-moz-animation:contact-rotate 3s infinite linear;-o-animation:contact-rotate 3s infinite linear;animation:contact-rotate 3s infinite linear}
@keyframes contact-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-moz-keyframes contact-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-o-keyframes contact-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes contact-rotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes contact-rotate-s{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@-moz-keyframes contact-rotate-s{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@-o-keyframes contact-rotate-s{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@-webkit-keyframes contact-rotate-s{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
.m-intro-b{padding-top:42px}
.m-intro-b h5{font-size:30px;line-height:30px;color:#333;text-align:center;padding-bottom:20px;position:relative}
.m-intro-b h5:before{content:'';width:45px;height:1px;background-color:#088eea;position:absolute;bottom:0;left:50%;margin-left:-22px}
.m-intro-b-item{padding-top:62px;padding-bottom:64px}
.m-intro-b-item:nth-child(2n){background-color:#f9f9f9}
.m-intro-b-item-l{width:550px;float:left}
.m-intro-b-item-l h6{font-size:22px;color:#333;padding-bottom:25px;position:relative;margin-bottom:15px}
.m-intro-b-item-l h6:before{content:'';width:45px;height:1px;background-color:#088eea;position:absolute;bottom:0;left:0}
.m-intro-b-item-l dt{font-size:16px;color:#666;line-height:38px}
.m-intro-b-item-r{width:650px;height:400px;border:2px solid #f0f1f3;float:right;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-align:center}
.m-intro-b-item-r img{width:650px;height:350px;vertical-align:middle}
.m-intro-b-item-r a{font-size:16px;color:#088eea;line-height:48px}
.m-intro-b-item-r .map-icon{width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #088eea;display:inline-block;vertical-align:middle;position:relative;line-height:14px;margin-right:6px}
.m-intro-b-item-r span{vertical-align:middle}
.m-ad-c-l{width:560px;height:500px;float:left;position:relative;color:#fff}
.m-ad-b-l p,.m-ad-c-l p{position:absolute;left:0}
.m-ad-c-tit{font-size:60px;font-weight:700;top:182px}
.m-ad-c-tit .small{font-size:44px;margin-left:23px;font-weight:400;display:inline-block}
.m-ad-c-info{font-size:24px;top:280px}
.m-intro-c,.m-intro-d{padding-top:30px;padding-bottom:88px;background-color:#f3f4f8}
.m-intro-c .wrap,.m-intro-d .wrap{font-size:0}
.m-intro-c .wrap .nav-title,.m-intro-d .wrap .nav-title{display:inline-block;vertical-align:top;margin-right:30px;padding:30px 0;width:270px;font-size:16px;background-color:#fff}
.m-intro-c .wrap .nav-title li,.m-intro-d .wrap .nav-title li{display:block;width:210px;height:50px;line-height:50px;margin:-1px auto 0;color:#333;text-decoration:none;border:1px rgba(0,104,255,0) solid;background:#fff;position:relative;overflow:hidden;padding-left:68px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m-intro-c .wrap .nav-title li a,.m-intro-d .wrap .nav-title li a,.m-intro-d .wrap .nav-title li.hover a,.m-intro-d .wrap .nav-title li:hover a{font-size:16px}
.m-intro-c .wrap .nav-title li:before,.m-intro-d .wrap .nav-title li:before{width:50px;height:50px;position:absolute;top:0;left:-50px;content:url(../images/cl/lxwm/icon-menu.gif);transition:all .25s ease;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease}
.m-intro-c .wrap .nav-title li.hover,.m-intro-c .wrap .nav-title li:hover,.m-intro-d .wrap .nav-title li.hover,.m-intro-d .wrap .nav-title li:hover{border-color:#007af7;position:relative;z-index:1}
.m-intro-c .wrap .nav-title li.hover a,.m-intro-c .wrap .nav-title li:hover a,.m-intro-d .wrap .nav-title li.hover a,.m-intro-d .wrap .nav-title li:hover a{height:50px;color:#007af7;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m-intro-c .wrap .nav-title li.hover:before,.m-intro-c .wrap .nav-title li:hover:before,.m-intro-d .wrap .nav-title li.hover:before,.m-intro-d .wrap .nav-title li:hover:before{left:0}
.m-intro-c .wrap .content{display:inline-block;width:840px;padding:30px;font-size:20px;background-color:#fff}
.m-intro-c .wrap .content ul li{display:block;height:70px;line-height:70px;color:#333;border-bottom:1px #e2e2e2 dotted}
.m-intro-c .wrap .content ul li:first-child{border-bottom:0;height:14px;line-height:14px;color:#999}
.m-intro-c .wrap .content .list-file-source-icon:before{width:18px;height:18px;content:url(../images/cl/lxwm/file-down.png);position:absolute;left:50%;margin-left:-9px}
.list-file-tit span{display:inline-block;vertical-align:middle;margin-right:20px}
.list-file-name,.list-file-tit{width:550px;display:inline-block}
.list-file-name,.list-file-time{font-size:14px}
.list-file-time{width:90px;text-align:center;color:#999;display:inline-block}
.list-file-tit{font-size:16px;color:#4c4c4c;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list-file-source{width:70px;text-align:center;font-size:14px}
.list-file-source-icon{width:70px;height:70px;display:inline-block;text-align:center;position:relative}
.m-intro-c .wrap .content ul li a{text-decoration:none}
.m-intro-c .wrap .content ul li a:last-child{float:right;text-decoration:none}
.search-bar{margin-bottom:30px;padding-left:25px;height:50px;background:#f3f3f5}
.search-bar form{position:relative;height:56px}
.search-bar form:before{content:url(../images/cl/spread25.png);float:left;margin:15px 0;width:25px;height:25px}
.search-bar input{margin:13px;padding:0 0 0 15px;width:655px;height:30px;line-height:30px;font-size:16px;border:none;background:0 0;outline:0}
.search-bar button{height:50px;width:120px;position:absolute;top:0;right:0;background:#0068ff;border:none;cursor:pointer;outline:0}
.search-bar button:before{content:"搜索";font-size:16px;color:#fff}
.m-ad-d-l{width:560px;float:left;height:500px;text-align:center;color:#fff;position:relative}
.m-ad-d-l p{position:absolute;left:0}
.m-ad-d-tit{font-size:60px;line-height:60px;font-weight:700;top:160px}
.m-ad-d-info1{font-size:38px;line-height:38px;top:242px;animation-delay:.2s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s}
.m-ad-d-info2{font-size:18px;top:313px;animation-delay:.4s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s}
.m-ad-c-r,.m-ad-d-r{float:left;width:640px;height:500px;background:url(../images/cl/lxwm/question_bg.png) no-repeat;padding-top:60px}
.m-ad-c-r .question,.m-ad-d-r .question{position:absolute;width:92px;height:78px;right:163px;top:118px;transform-origin:left bottom;animation:rotate .8s infinite linear alternate;-moz-animation:rotate .8s infinite linear alternate;-webkit-animation:rotate .8s infinite linear alternate}
.m-ad-c-r-bg,.m-ad-d-r-bg{width:430px;height:380px;margin-left:100px}
@keyframes rotate{0%{transform:rotate(10deg)}
100%{transform:rotate(-10deg)}
}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(10deg)}
100%{-webkit-transform:rotate(-10deg)}
}
@-moz-keyframes rotate{0%{-moz-transform:rotate(10deg)}
100%{-moz-transform:rotate(-10deg)}
}
@-o-keyframes rotate{0%{-o-transform:rotate(10deg)}
100%{-o-transform:rotate(-10deg)}
}
.m-intro-d .wrap .content{display:inline-block;width:840px;padding:30px;background-color:#fff;font-size:16px}
.m-intro-d .wrap .content ul li{display:block;height:70px;line-height:70px;color:#333;border-bottom:1px #eee dotted}
.m-intro-d .wrap .content ul li:before{content:url(../images/cl/arrows_ql.png);margin-right:15px}
.m-intro-d .wrap .content ul li span{float:right;color:#999}
.m-intro-d .wrap .content ul li a{display:inline-block;width:810px;text-decoration:none}
div.meneame{padding:3px;margin:45px;text-align:center}
div.meneame li{display:inline-block}
div.meneame a{padding:5px 15px;width:25px;font-size:14px;color:#fff;background-color:#0068ff;text-decoration:none}
div.meneame a.num{display:block;padding:3px;width:25px;color:#888;background-color:#fff;border:1px #ccc solid}
div.meneame a.num:hover{font-weight:400;color:#00abff;border:1px #00abff solid}
div.meneame li.curpage{font-weight:400;color:#fff}
div.meneame li.curpage a{display:block;padding:3px;font-weight:400;background-color:#fff;color:#0068ff;border:1px #0068ff solid}
.pageinfo{font-weight:700;color:#d48b88}
.anim1{-webkit-animation:auto-move 1.5s backwards;-moz-animation:auto-move 1.5s backwards;-o-animation:auto-move 1.5s backwards;animation:auto-move 1.5s backwards}
.anim1>.letter{-webkit-animation:auto-move 1.5s backwards;-moz-animation:auto-move 1.5s backwards;-o-animation:auto-move 1.5s backwards;animation:auto-move 1.5s backwards}
@keyframes auto-move{0%{opacity:0;transform:scale(3)}
100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes auto-move{0%{opacity:0;-webkit-transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes auto-move{0%{opacity:0;-moz-transform:scale(3)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-o-keyframes auto-move{0%{opacity:0;-o-transform:scale(3)}
100%{opacity:1;-o-transform:scale(1)}
}
@-ms-keyframes auto-move{0%{opacity:0;-ms-transform:scale(3)}
100%{opacity:1;-ms-transform:scale(1)}
}
.anim2 .letter{display:inline-block;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-animation:rollIn 1.5s cubic-bezier(0,0,.3,1) backwards;-o-animation:rollIn 1.5s cubic-bezier(0,0,.3,1) backwards;animation:rollIn 1.5s cubic-bezier(0,0,.3,1) backwards}
@keyframes rollIn{from{transform:translateX(-90vw) rotate(1200deg) scale(3)}
}
@-webkit-keyframes rollIn{from{-webkit-transform:translateX(-90vw) rotate(1200deg) scale(3)}
}
@-moz-keyframes rollIn{from{-moz-transform:translateX(-90vw) rotate(1200deg) scale(3)}
}
@-o-keyframes rollIn{from{-o-transform:translateX(-90vw) rotate(1200deg) scale(3)}
}
.anim3 span{display:inline-block}
.anim3>.letter{animation:peelIn 1.3s backwards ease-in-out;-webkit-animation:peelIn 1.3s backwards ease-in-out;-moz-animation:peelIn 1.3s backwards ease-in-out;-ms-animation:peelIn 1.3s backwards ease-in-out;-o-animation:peelIn 1.3s backwards ease-in-out}
.anim3>.letter>.letter-inner{animation:rotateY 1.3s .7s backwards ease-in;-webkit-animation:rotateY 1.3s .7s backwards ease-in;-moz-animation:rotateY 1.3s .7s backwards ease-in;-ms-animation:rotateY 1.3s .7s backwards ease-in;-o-animation:rotateY 1.3s .7s backwards ease-in}
@keyframes peelIn{from{transform:translate(-100vw,0)}
}
@-webkit-keyframes peelIn{from{-webkit-transform:translate(-100vw,0)}
}
@-moz-keyframes peelIn{from{-moz-transform:translate(-100vw,0)}
}
@-o-keyframes peelIn{from{-o-transform:translate(-100vw,0)}
}
@-ms-keyframes peelIn{from{-ms-transform:translate(-100vw,0)}
}
@keyframes rotateY{from{transform:scale(3) rotateY(180deg)}
}
@-webkit-keyframes rotateY{from{-webkit-transform:scale(3) rotateY(180deg)}
}
@-moz-keyframes rotateY{from{-moz-transform:scale(3) rotateY(180deg)}
}
@-ms-keyframes rotateY{from{-ms-transform:scale(3) rotateY(180deg)}
}
@-o-keyframes rotateY{from{-o-transform:scale(3) rotateY(180deg)}
}
/*@media screen and (max-width:1360px){
	.tip-box.home img{top:8px}
	.tip-box.home ul li{font-size:16px}
	.tip-box.home{height:100px!important}
}*/
.m-video{padding-bottom:32px;background:url(../images/cl/videoBg.jpg) center bottom no-repeat}
.m-video h2{padding:57px 0 25px 0;font-size:46px;font-weight:400;color:#333;text-align:center}
.m-video span{display:block;margin-bottom:32px;font-size:20px;font-weight:400;text-align:center;letter-spacing:1px;color:#7a7a7a}
.m-video .wrap{width:1200px;margin:0 auto;overflow:hidden;text-align:center}
.video-list li{float:left;display:inline;margin-right:15px;width:370px;text-align:center}
.video-list .u-img{position:relative;zoom:1;overflow:hidden;display:block;background:#088eea}
/*.video-list .u-img:before{content:"";position:absolute;z-index:10;top:50%;left:50%;margin:-39px 0 0 -39px;width:78px;height:78px;overflow:hidden;background:url(../images/cl/videoIcon.png) no-repeat}*/
.video-list .u-img img{vertical-align:top;width:370px;height:254px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease}
.video-list .u-img:hover img{opacity:.22}
.video-list .u-name{margin-top:16px;height:36px;line-height:36px;overflow:hidden;font-size:24px;font-weight:400}
.video-list .u-con{height:30px;line-height:30px;overflow:hidden;font-size:16px}
.m-video .slide-next,.m-video .slide-prev{display:inline-block;vertical-align:top;margin:0 12px 44px;width:34px;height:34px;line-height:34px;overflow:hidden;font-size:18px;font-family:SimHei;font-weight:700;color:#989996;background:#e6e6e6;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease}
.m-video .slide-next:hover,.m-video .slide-prev:hover{color:#fff;background:#088eea}
.videoLayer{display:none;width:800px;height:550px}
.video-js{overflow:hidden}
@media screen and (max-width:1250px){
    body.home{overflow-x: auto;}
}
.home-banner{width: 100%;margin-top: 80px;position: relative;}
.home-banner-item img{width: 100%;}
.home-banner-item{ width: 100%; display: block; }
.home-banner-num{width: 100%;position: absolute;bottom: 20px;text-align: center;font-size: 0;}
.home-banner-num li {width: 14px;height: 14px;border-radius: 50%;display: inline-block;margin: 0 10px;background-color: rgba(255,255,255,.3); cursor: pointer;}
.home-banner-num li.active{background-color: #fff;}
@media screen and (max-width:1360px){
    /*.tip-box.home .home-nav{
        margin: 28px 10px 0 0;
    }*/
    .tip-box.home .nav-li{
        font-size: 16px;
    }
}


.m-links h2{font-size: 16px;font-weight: bold;color: #646464;margin-bottom: 20px}
.m-links .conBox a{color: #8b8b8b;margin-right: 12px;font-size: 14px;padding-bottom: 12px;display: inline-block;}
